{"id":14535,"date":"2020-03-04T11:00:01","date_gmt":"2020-03-04T16:00:01","guid":{"rendered":"https:\/\/www.gravityforms.com\/?p=14535"},"modified":"2020-06-16T08:23:55","modified_gmt":"2020-06-16T12:23:55","slug":"how-to-create-a-gravity-forms-calendar","status":"publish","type":"post","link":"https:\/\/www.gravityforms.com\/blog\/how-to-create-a-gravity-forms-calendar\/","title":{"rendered":"How to Use Gravity Forms Entries to Create and Display a Calendar"},"content":{"rendered":"

\"How<\/p>\n

Do you want your website to keep your audience updated on relevant events happening in\u00a0 your industry, company, or locale?\u00a0<\/span><\/p>\n

An events calendar plugin may be the perfect way to manage this process. Creating and displaying a calendar on your WordPress website grants users easy access to information regarding relevant events in a familiar calendar format.<\/span>\u00a0<\/span><\/p>\n

Configuring your website events calendar is a straightforward process with our third-party developer, GravityView.\u00a0<\/span>The <\/span>Gravity Forms Calendar<\/span><\/a> extension allows you to create and display an aesthetically pleasing calendar on your site in minutes, tapping data from Gravity Forms. <\/span>Best of all, you don’t need any coding skills to make it your own \u2014 just your imagination.<\/span><\/p>\n

Let\u2019s dig into the step-by-step process for creating a calendar to display on your WordPress website.<\/span><\/p>\n

How to Create a Calendar with GravityView<\/span><\/h2>\n

In order to use Gravity Forms Calendar, you must first install <\/span>Gravity Forms<\/span><\/a> and the <\/span>Gravity Forms Calendar<\/span><\/a> extension.\u00a0<\/span><\/p>\n

Note that you do <\/span><\/i>not <\/span>need the <\/span><\/i>GravityView plugin<\/span><\/i><\/a> on its own to use Gravity Forms Calendar.<\/span><\/i><\/p>\n

Here\u2019s how to get started after everything has been installed:<\/span><\/p>\n

#1: Create a New Calendar<\/span><\/h3>\n

Navigate to <\/span>Forms<\/b> on the WordPress dashboard, then click <\/span>Forms<\/b> in the submenu. Hover over a form record to reveal the <\/span>Create a Calendar<\/b><\/a> option.<\/span><\/p>\n

\"Screenshot<\/p>\n

#2: Add a New Calendar Feed<\/span><\/h3>\n

After you click to <\/span>Create a Calendar<\/b>, you’ll be given the option to add a new feed or edit an existing one.\u00a0<\/span><\/p>\n

If you don’t have any feeds yet your screen will look like this:<\/span><\/p>\n

\"Screenshot<\/p>\n

If this is your first calendar (and first feed), click the link to <\/span>create one<\/b> and a <\/span>Feed Settings<\/b> screen will open for calendar configuration.\u00a0<\/span><\/p>\n

You’ll notice that there are four mandatory fields: the feed name, start date, end date, and event title. Optional fields to flesh out individual event details include the event start and end time, an event description, a custom URL, and an event color.<\/span><\/p>\n

\"Screenshot<\/p>\n

You can use Merge Tags (use the button to the right of the input field) to display relevant form fields for the Event Title and Event Description.<\/span><\/p>\n

Note that <\/span><\/i>Feed name<\/i><\/b> is used to help you distinguish the nature of the content on the backend but is not displayed publicly.<\/span><\/i><\/p>\n

#3: Configure Additional Calendar Settings<\/span><\/h3>\n

After setting up a calendar feed, you can choose to allow or prevent editing and set up criteria for including\/excluding events.\u00a0<\/span><\/p>\n

You can also modify the appearance of the calendar that will display on your website.<\/span> Layout <\/b>lets you set the default view of your calendar to <\/span>Grid<\/b>, <\/span>Agenda<\/b>, or <\/span>List<\/b>.\u00a0<\/span><\/p>\n

You can also enable controls that allow users to change the calendar view on their computers.<\/span><\/p>\n

\"Screenshot<\/p>\n

Specifically, <\/span>Calendar Controls<\/b> allow users to select the current date, month, and year.\u00a0<\/span><\/p>\n

Setting up the controls is as easy as dragging and dropping them where you want them to display:<\/span><\/p>\n

\"Screenshot<\/p>\n

#4: Click \u201cUpdate Settings\u201d to Apply Calendar Changes<\/span><\/h3>\n

Once you\u2019ve landed on the right mix of customization, click <\/span>Update Settings<\/b> to apply all changes and return to your list of Calendar Feeds.<\/span><\/p>\n

How to Display a Calendar with GravityView<\/span><\/h2>\n

So you\u2019ve figured your first calendar \u2014 congratulations!<\/span><\/p>\n

\"Happy<\/a><\/p>\n

Now it\u2019s time to push it live to your website. All it takes is a few simple steps.<\/span><\/p>\n

There are four ways to <\/span>display your new calendar<\/span><\/a> on WordPress:<\/span><\/p>\n